<template>
    <div class="sec-title">
       <div class="left">
            <span>{{topic.title}}</span>
            <span class="extra-title" v-if="topic.extraMsg!=''">{{topic.extraMsg}}</span>
        </div>
        <div class="right">
            <i class="icon-loop2" ></i>
            <span>{{topic.refreshTxt}}</span>
        </div>
    </div>
</template>
<script>
export default {
    props:["topic"],
}
</script>
<style lang="stylus" scoped>
    @import '~styles/varables.styl'
    .sec-title
        height:.8rem  
        width:100%
        background:$bgColor
        display:flex
        justify-content:space-between
        align-items:center
        .left
            line-height:18px
            border-left:1px solid green
            margin-left:.2rem
            text-indent:.1rem
            span
                display:block
            .extra-title
                color:#666
                font-size:12px
        .right
            line-height:.8rem 
            margin-right:.2rem
            
</style>